
<script type="text/javascript" objname="yekong">
    var nodes=Frame.Helper.LoadIDS(['ye-mainview']);
    var scer=new Frame.View.Scroller(nodes['ye-mainview'],500,true,this.yekong);

    var p1ws=Frame.Helper.LoadIDSToArray(['ye-w1','ye-w2','ye-w3']);
    this.yekong.pfun1=function(){
        Frame.Animation.stop(function () {

            p1ws[0].animal('Text','CharIn','slow-blurin',100);
            [p1ws[1],p1ws[2]].animal('Text','CharIn','slow-blurin',200);
        });
    };
    this.yekong.lfun1=function () {
        Frame.Animation.stop(function () {
            p1ws.animalClear();
        })
    };
    var p2s=Frame.Helper.LoadIDSToArray(['ye-w4','ye-w5']);
    this.yekong.pfun2=function () {
        Frame.Animation.stop(function () {
           p2s.animallist('Text','CharIn',[{aniname:'upin',count:1},{aniname:'leftin',count:2}],200);
        });
    };
    this.yekong.lfun2=function () {
        Frame.Animation.stop(function () {
            p2s.animalClear();
        });
    };
    document.getElementsByClassName('ye-back').usenode();
    p1ws.ContentInit();
    p2s.ContentInit();
    this.yekong.pfun1();
</script>
<div id="ye-content">
        <div id="ye-mainview" class="v-view">
            <div id="ye-p1" content="true" pagefun="this.pfun1();"  leavefun="this.lfun1();">
                <div class="ye-back"><img class="photo"  src="image/ye/1.jpg"></div>
                <div class="ye-v" id="ye-w1">
                    夜，宁静的夜，不管是在城市还是农村，夜晚的降临总带来另一种气息，宁静而悠远…………
                </div>
                <div class="ye-back"><img src="image/ye/2.jpg" class="photo"></div>
                <div class="ye-v" id="ye-w2">
                    在远离人群的野外，这种感觉尤为强烈。特别是天上那似乎远处世外的星空。还有那美丽的银河，群星在里面酝酿.....
                </div>
                <div class="ye-h" id="ye-w3">
                    隐隐间，似乎有一种希望，一种“道”在其中荡漾，一直延伸到无尽的宇宙深处…………
                </div>
            </div>
            <div id="ye-p2"content="true" pagefun="this.pfun2();" leavefun="this.lfun2();">
                <div class="ye-back" ><img src="image/ye/3.jpg" class="photo"></div>
                <div class="ye-back" ><img src="image/ye/4.jpg" class="photo"></div>
                <div class="ye-v" id="ye-w5"> 一颗星突然明亮得像一颗钉子 将你垂直地钉在那儿 就这样被命名,被点亮 在最晦暗的时刻 就这样被逐向无垠的旷野 像一个乞丐那样,用被唾弃的手掌 捡拾星光撒落的点点碎面包屑 投进心底的每一缕星光 都会如期长成一块磬石 --你曾经怎样仰望 就将怎样匍匐</div>
                <div class="ye-h" id="ye-w4"> 你看，那浅浅的天河， 定然是不甚宽广。 我想那隔河的牛女， 定能够骑着牛儿来往。 我想他们此刻， 定然在天街闲游。不信，请看那朵流星。 那是他们提着灯笼在走。在星空下 (寒烟) 你抑制不住地抬头 仿佛要从星空这浩瀚的词典里 查找自己的出处 </div>
            </div>
        </div>
</div>
<style>
    #ye-content{
        font-family: "maobi";
        margin: 20px 0 0 20px;
    }
    #ye-mainview>div{
        transition: margin-top 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
    }
    #ye-content{
        height: 100%;
        width: 100%;
    }
    .ye-v{
        writing-mode: vertical-lr;
        height: 60%;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
    }
    .ye-h{
        margin-top: 1em;

    }
    .ye-h,.ye-v{
        word-wrap: break-word;
        word-break: break-all;
    }

    .ye-v,.ye-h{
        font-size: 1.3em;
        line-height: 1.3;
    }
    .ye-back{
        height: 70%;
        display: inline-block;
        transition: all 0.2s linear;
    }
    .photoactive>img{
        display: block;
    }
    #ye-mainview img{
        height: 100%;
        margin:auto;

    }

    #ye-w1{
        width: 4em;
    }
    #ye-w2{
        width: 5em;
    }


    #ye-w4{
        width: 60%;
    }
    #ye-w5{
        height: 70%;
    }
    #ye-p2 .ye-back{
        margin-right: 50px;
    }

</style>